<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>--%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layui-v2.4.5/layui/css/layui.css"  media="all">
    <script src="/js/jquery-3.3.1.min.js"></script>
    <style>
        .layui-table-cell {
            height: 38px;
            line-height: 28px;
            padding: 0 15px;
            position: relative;
            box-sizing: border-box;
        }
    </style>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<div style="visibility: hidden;">
    搜索用户名：
    <div class="layui-inline">
        <input class="layui-input" name="id" id="demoRed" autocomplete="off">
    </div>

    客户类型：



    <select name="modules" lay-verify="required" lay-search="">
        <option value="">直接选择或搜索选择</option>
        <option value="1">layer</option>
        <option value="2">form</option>
        <option value="3">layim</option>
        <option value="4">element</option>
        <option value="5">laytpl</option>
        <option value="6">upload</option>
        <option value="7">laydate</option>
        <option value="8">laypage</option>
        <option value="9">flow</option>
        <option value="10">util</option>
        <option value="11">code</option>
        <option value="12">tree</option>
        <option value="13">layedit</option>
        <option value="14">nav</option>
        <option value="15">tab</option>
        <option value="16">table</option>
        <option value="17">select</option>
        <option value="18">checkbox</option>
        <option value="19">switch</option>
        <option value="20">radio</option>
    </select>

    <button class="layui-btn" data-type="reload">搜索</button>

</div>

<div class="layui-form-item" id="sousuo">
    <label class="layui-form-label" style="width: 160px"><span>会员姓名:</span></label>
    <div class="layui-input-inline">
        <input class="layui-input" name="id" id="demoReload" autocomplete="off">
    </div>
    <%--<label class="layui-form-label" style="width: 100px"><span>用户类型 :</span></label>--%>
    <%--<div class="layui-input-inline">--%>
    <%--<div class="layui-form">--%>
    <%--<select class="layui-input" name="appId" id="typeId">--%>
    <%--<option value="">所有类型</option>--%>

    <%--<option class="layui-input" value="3">一级代理 </option>--%>

    <%--<option class="layui-input" value="4"> 二级代理</option>--%>
    <%--<option class="layui-input" value="2"> 普通用户</option>--%>

    <%--</select><div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="所有公众号" value="" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit" style=""><dd lay-value="" class="layui-select-tips">所有公众号</dd><dd lay-value="wx220906081039b5a3" class=""> </dd><dd lay-value="wx57cc196f7d4fe45c" class=""> A馨冉国际</dd></dl></div>--%>
    <%--</div>--%>
    <%--</div>--%>
    <button class="layui-btn" data-type="reload">搜索</button>


    <%--<div class="layui-input-inline" style="width:80px">--%>
    <%--<button class="layui-btn" lay-submit="" lay-filter="/agent/getActionlistOrderother"><i class="layui-icon"></i>搜索</button>--%>
    <%--</div>--%>
</div>

<table class="layui-hide" id="test" lay-filter="test"></table>

<%--<script type="text/html" id="toolbarDemo">--%>
<%--<div class="layui-btn-container">--%>
<%--<button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>--%>
<%--<button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>--%>
<%--<button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>--%>
<%--</div>--%>
<%--</script>--%>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>


<script src="/layui-v2.4.5/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

<script>
    layui.use('table', function(){
        var table = layui.table;

        table.render({
            elem: '#test'
            ,url:'/shop/rebateRecord'
            ,toolbar: '#toolbarDemo'
            ,title: '用户数据表'
            ,cols: [[
                {type: 'checkbox', fixed: 'left'}
                ,{field:'id', title:'编号', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计'}
                ,{field:'membername', title:'分销商', width:220, edit: 'text'}
                ,{field:'money', title:'返利金额', width:120, edit: 'text'}
                ,{field:'createTime', title:'返利时间', width:170, edit: 'text', templet: function(res){

                        return '<em>' +res.createTime+ '</em>'

                    }}
                ,{field:'ticketName', title:'返利商品', width:280, sort: true,
                    templet: function(res){
                        return '<div >'+res.ticketName+' </div>'
                    }
                }
                // ,{field:'adminUserId', title:'推荐人', width:130, edit: 'text', sort: true}
                ,{field:'number', title:'商品数量', width:110, sort: true}

                ,{field:'type', title:'返利方式', width:110, sort: true,templet: function(res){
                        console.log(res)
                        var tempId=res.id;
                        if(res.type=="1") {
                            return '<div >'+"零钱"+' </div>'
                        }else if(res.type=="0"){
                            return '<div >'+"红包"+' </div>'

                        }



                    }}
                ,{field:'errCodeDes', title:'状态', width:210, sort: true,templet: function(res){
                        console.log(res)
                        var tempId=res.id;
                        // if(res.state=="1") {
                        return '<div >'+res.errCodeDes+' </div>'
                        // }else if(res.state=="0"){
                        //     return '<div >'+"成功"+' </div>'
                        //
                        // }else if(res.state=="2"){
                        //     return '<div >'+"失败"+' </div>'
                        // }



                    }}
            ]]
            ,id: 'testReload'
            ,response: {
                statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
            }
            ,page: true
            ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据

                // $.ajax({
                //     url:'/list',
                //     type:'POST', //GET
                //     async:true,    //或false,是否异步
                //     data:data.field,
                //     dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
                //     success:function(data){
                //         console.log(data)
                //     }
                // });

                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                };
            }



        });

        //工具栏事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id);
            switch(obj.event){
                case 'getCheckData':
                    var data = checkStatus.data;
                    layer.alert(JSON.stringify(data));
                    break;
                case 'getCheckLength':
                    var data = checkStatus.data;
                    layer.msg('选中了：'+ data.length + ' 个');
                    break;
                case 'isAll':
                    layer.msg(checkStatus.isAll ? '全选': '未全选')
                    break;
            };
        });

        var $ = layui.$, active = {
            reload: function(){
                var demoReload = $('#demoReload');
                var type=$("#typeId").val()

                //执行重载
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {

                        memberName: demoReload.val(),
                        type: type

                    }
                });
            }
        };

        $('#sousuo .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });



    var index;
    function shenhe(id,orderId) {
        var item="<form class=\"layui-form\" action=\"\"><div class=\"layui-form-item\">\n" +
            "    <label class=\"layui-form-label\">审核状态</label><input type='hidden' name='id' value= \""+id+"\"><input type='hidden' name='orderId' value= \""+orderId+"\">\n" +
            "    <div class=\"layui-input-block\">\n" +
            "      <input type=\"radio\" name=\"sta\" onclick='quedingShenhe(this)' value=\"1\" title=\"通过\" checked=\"\">\n" +
            "      <input type=\"radio\" name=\"sta\"  onclick='quedingShenhe(this)' value=\"2\" title=\"不通过\">\n" +
            "    </div>\n" +
            "  </div>" +
            "<div class=\"layui-form-item\">\n" +
            "    <div class=\"layui-input-block\">\n" +
            "      <button class=\"layui-btn\" lay-submit=\"\" lay-filter=\"demo1\">确定</button>\n" +
            "      <button type=\"reset\" onclick='closeChu()' class=\"layui-btn layui-btn-primary\">取消</button>\n" +
            "    </div>\n" +
            "  </div>" +
            "</form>";


        index= layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            shadeClose: true,
            area: ['420px', '240px'], //宽高
            content: item
        });
        layui.use(['form'],function(){
            var form=layui.form;
            //监听指定开关
            form.on('switch(switchTest)', function(data){
                layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
                    offset: '6px'
                });
                layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
            });

            //监听提交
            form.on('submit(demo1)', function(data){

                $.ajax({
                    url:'/applet/editapplyRefund',
                    type:'POST', //GET
                    async:true,    //或false,是否异步
                    data:data.field,
                    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
                    success:function(data){
                        if (data.result){
                            layer.msg(data.msg,{icon:1,time:1000});
                            setTimeout(function () {
                                window.location.reload();
                            },1000)
                        }else {
                            layer.msg('失败!',{icon:5,time:1000});
                        }
                    }
                });
                return false;
                // layer.alert(JSON.stringify(data.field), {
                //     title: '最终的提交信息'
                // })
                // return false;
            });




            form.render();
        });
        // layer.open({
        //     type: 2,
        //     title: '账号有效期审核',
        //     shadeClose: true,
        //     shade: false,
        //     maxmin: true, //开启最大化最小化按钮
        //     btn: ['确定', '取消'],
        //     area: ['460px', '199PX'],
        //     content: '<div>312121212121212121212121212121212121212</div>'
        // });



    }
    function closeChu() {
        // parent.window.location.reload();
        // var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        // parent.layer.close(index);
        layer.close(index)

    }

</script>


</body>
</html>